home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 March / PCWMAR06.iso / Software / Freeware / Maxthon 1.5.1 build 39 / mcombo.exe / Language / English / start.tem < prev    next >
Encoding:
Text File  |  2005-09-29  |  4.1 KB  |  199 lines
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Maxthon Start Page</title>
  5. </head>
  6.  
  7. <body>
  8. <style>
  9. /****** General Styles ******/
  10. body {
  11.     font-size: 12px;
  12.     font-family: Tahoma, Arial;
  13.     background-color: #F0F0F0;
  14.     margin: 20px;
  15.     padding: 0px;
  16. }
  17.  
  18. a:link,
  19. a:visited {
  20.     text-decoration: none;
  21.     color: #333399;
  22. }
  23. a:hover {
  24.     text-decoration: underline;
  25.     color:#0000FF;
  26. }
  27.  
  28. /****** Main Layout Styles ******/
  29. #header {
  30.     padding-top: 30px;
  31.     text-align: center;
  32. }
  33. #header h4{
  34.     padding: 5px;
  35.     font-size: 24px;
  36.     color: #666666;
  37.     font-weight: bold;
  38.     display: inline;
  39. }
  40. .desc {
  41.     padding: 5px;
  42.     color: #666666;
  43.     font-size: 11px;
  44. }
  45.  
  46. form{
  47.     display: inline;
  48. }
  49. #content{
  50.     width: 550px;
  51. }
  52. #navmenu{
  53.     margin-top: 30px;
  54.     border-left: 1px solid #CCCCCC;
  55.     border-bottom: 1px solid #CCCCCC;
  56. }
  57. .selected-tab{
  58.     float: left;
  59.     padding:4px;
  60.     padding-left: 12px;
  61.     padding-right: 12px;
  62.     border: 1px solid #CCCCCC;
  63.     border-left:  0px none;
  64.     border-bottom:  1px solid #FFFFFF;
  65.     background: #FFFFFF;
  66. }
  67. .selected-tab a:visited,
  68. .selected-tab a:link,
  69. .selected-tab a:hover
  70. {
  71.     color: #666666;
  72.     font-weight: bold;
  73. }
  74. .unselected-tab{
  75.     float: left;
  76.     padding:4px;
  77.     padding-left: 12px;
  78.     padding-right: 12px;
  79.     color: #666666;
  80.     border: 1px solid #CCCCCC;
  81.     border-left: 0px none;
  82.     background: #F9F9F9;
  83. }
  84. #nullt{
  85.     color: #999999;
  86.     padding:4px;
  87.     padding-bottom:5px;
  88.     border-bottom: 1px solid #CCCCCC;
  89. }
  90. #innerContent{
  91.     border-right: 1px solid #CCCCCC;
  92.     padding: 15px;
  93.     background: #FFFFFF;
  94. }
  95. #recent-list{
  96.     margin-top: 20px;
  97.     border: 1px solid #CCCCCC;
  98.     padding: 15px;
  99.     text-align: left;
  100.     background: #FFFFFF;
  101. }
  102. b{
  103.     color: #666666;
  104. }
  105. ul{
  106.     color: #999999;
  107.     list-style: square;
  108.     margin: 5px;
  109.     margin-top: 10px;
  110.     margin-left: 15px;
  111. }
  112. li{
  113.     margin: 3px;
  114. }
  115. </style>
  116. <script type="text/javascript">
  117. var activeTab=0;
  118.  
  119. function click_tab(tab){
  120.     var obj=document.getElementById("navmenu");
  121.     var objs=obj.getElementsByTagName("DIV");
  122.     for(var i=0;i<objs.length;i++){
  123.         if(objs[i].id.indexOf("tab")>-1){
  124.             objs[i].className="unselected-tab";
  125.         }
  126.     }
  127.     activeTab=tab;
  128.     obj=document.getElementById("tab"+tab);
  129.     obj.className="selected-tab";
  130.     document.searchForm.q.select();
  131. }
  132.  
  133. function v(){
  134.     return;
  135. }
  136.  
  137. function doSearch(){
  138.     var tip="Please input a keyword";
  139.     if(document.searchForm.q.value!=""&&document.searchForm.q.value!=tip){
  140.         document.location=arrSearch[activeTab][1].replace("%s",document.searchForm.q.value);
  141.         return false;
  142.     }else{
  143.         document.searchForm.q.value=tip;
  144.         document.searchForm.q.select();
  145.         return false;
  146.     }
  147. }
  148.  
  149. var arrSearch=new Array(
  150.     //--BEGIN ARRAY--
  151. //1    new Array("Web","http://go.maxthon.com/search/?q=%s"),
  152. //1    new Array("Multimedia","http://www.pixsy.com/GoPixsy.aspx?q=%s&id=maxthon"),
  153. //1    new Array("WikiPedia","http://en.wikipedia.org/w/wiki.phtml?search=%s"),
  154. //1    new Array("Price Compare","http://us.pricerunner.com/ref-site=Maxthon/ref-ad=searchUSA/search/?q=%s"),
  155. //1    new Array("Search Amazon","http://go.maxthon.com/search/book/?q=%s"),
  156.     ""
  157. );
  158. </script>
  159. <center>
  160.  
  161. <div id="header">
  162.     <h4>Maxthon Start Page</h4>
  163.     <div class="desc">Get Started From Here</div>
  164. </div>
  165.  
  166. <div id="content">
  167.  
  168.     <div id="navmenu">
  169.         <script type="text/javascript">
  170.             for(var i=0;i<arrSearch.length-1;i++){
  171.                 document.write('<div id="tab'+i+'" class="unselected-tab"><a href="javascript:v()" onclick="click_tab('+i+');this.blur()">'+arrSearch[i][0]+'</a></div>');
  172.             }
  173.         </script>
  174.         <div id="nullt"> </div>
  175.         <div style="clear: both"></div>
  176.         <div id="innerContent">
  177.             <form name="searchForm" action="?" onsubmit="return doSearch();">
  178.                 <input type="text" name="q" value="" style="width: 400px" />
  179.                 <input type="submit" name="btn" value=" Search " />
  180.             </form>
  181.         </div>
  182.         <script type="text/javascript">
  183.             click_tab(0);
  184.         </script>
  185.     </div>
  186.  
  187.     <div id="recent-list">
  188.         <b>Recent Visited Favorites Items:</b>
  189.         <ul>
  190.             <!--BEGIN RECENT-->
  191.         </ul>
  192.     </div>
  193.  
  194. </div>
  195.  
  196. </center>
  197. </body>
  198. </html>
  199.